<script>
	
	$(function(){
		 $("input:submit").button();
	})
	
</script>


<div class="containerSmall" style="font-size:small">
	<div class="pageTitle" style="text-align:center; padding:0.5%">
		<b>Manufacturing itinerary</b>
	</div>
	
	<div id="itinerary" style="width:100%; margin-top:10px; margin-bottom:10px">
		<form name="submitItineraryForm" action="/proddev/CommonsFileUploadServlet" enctype="multipart/form-data" method="post" style="margin:0">
			<input type="hidden" name="type" value="manufItinerary"/>
			
			<div style="margin-top:10px">
				<b>Briefly describe the manufacturing itinerary:</b>
			</div>
			<textarea class="regInput" id="itineraryDescription" name="itineraryDescription" rows="10" style="width:50%; margin-top:5px"></textarea>
					
			<div style="margin-top:10px">
				<b>Attach file(s) that describe the manufacturing processes</b>
			</div>
			<div style="width:50%; margin-top:5px">
				<div style="width:60%; position:relative; float:left">	
					<input id="itineraryFileAttachment" name="itineraryFileAttachment" type="file" onchange="$('#itineraryFileAddress').val(this.value)" style="position:relative; -moz-opacity:0; filter:alpha(opacity: 0); opacity: 0; z-index:2"/>
					<input class="regInput" id="itineraryFileAddress" type="text" style="width:100%; height:30px; position:absolute;top:0px; left:0px; z-index:1;"/>
				</div>
				<input type="submit" value="Add file" style="font-weight:bold; float:right"/>
				<div style="clear:both"></div>
			</div>
		</form>
	</div>
</div>